<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
        #one {width:300px; height:200px; background-color:blue; 
            font-size:35px; font-weight:bold;
            position:absolute; left:40px; top:40px;
        }
        #two {width:300px; height:200px; background-color:green; 
            font-size:35px; font-weight:bold;
             position:absolute; left:60px; top:60px;
        }
       </style>
       <script type="text/javascript" src="../lib/jquery/jquery-1.11.1.js" ></script>
       <script type="text/javascript">
       	function f1() {
       		$('#two').fadeTo(3000,0.3,function(){
       		alert('告辞');
       	});
       	}
       </script>
	</head>
	<body>
		 <h2>设置指定的透明度</h2>

        <div id="one">this is one div</div>
        <div id="two">this is two div</div>
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <input type="button" value="设置" onclick="f1()" />
	</body>
</html>
